<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh">
 <head>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <meta content="2018-10-23T06:18:10.521000000" name="created"/>
  <meta content="2023-12-12T09:31:22" name="changed" translator="gocpicnic"/>
  <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
  <meta content="zh" http-equiv="Content-Language"/>
  <title>
   <!-- Customized appearance  -->
   自定义外观
  </title>
  <link href="../../style.css" rel="stylesheet" type="text/css"/>
 </head>
 <body>
  <div class="maindiv">
   <p>
    <b>
     上一节:
    </b>
    <a href="sub-appear.html">
     编辑子电路外观
    </a>
   </p>
   <h1>
    <!-- Customized appearance -->
    自定义外观
   </h1>
   <p>
    <!-- The default appearance is very usable, and indeed Logisim existed for many years with no other option. If, however, you prefer that the subcircuit be drawn differently, you can select <b class=menu>|&nbsp;Project&nbsp;|</b>→<b class=menu>|&nbsp;Edit Circuit Appearance&nbsp;|</b> , and Logisim's interface will switch from its regular layout-editing interface to an interface for drawing the circuit's appearance. You can also click the far-right icon (<img class="icontxt" src="../../../../img-guide/projdesign.png" alt="#########" width=16 height=16>) in the explorer pane's upper toolbar.<br> Below, we are editing the 2:1 multiplexer's appearance so that it is drawn with the usual trapezoid rather than a rectangle. -->
    默认外观非常有用，事实上 Logisim-evolution 已经存在很多年了，没有其他选择。 但是，如果您希望以不同的方式绘制子电路，则可以选择
    <b class="menu">
     | 项目 |
    </b>
    →
    <b class="menu">
     | 编辑电路外观|
    </b>
    ，Logisim-evolution 的界面将从常规的布局编辑界面切换到绘制电路外观的界面。 您还可以单击最右侧的图标 (
    <img alt="####### ##" class="icontxt" height="16" src="../../../../img-guide/projdesign.png" width="16"/>
    ) 在资源管理器窗格的上部工具栏中。
    <br/>
    下面，我们正在编辑 2:1 多路复用器的外观，以便使用通常的梯形而不是矩形来绘制它。
   </p>
   <p align="center">
    <img alt="#########" src="../../../img-guide/subcirc-5-custom-appear.png"/>
   </p>
   <p>
    <!-- With the appearance for the 2:1 multiplexer drawn as above, the layout for the 4:1 multiplexer would then appear as the following. -->
    2:1 多路复用器的外观如上所示，4:1 多路复用器的布局将如下所示。
   </p>
   <p align="center">
    <img alt="#########" src="../../../img-guide/subcirc-6-custom-layout.png"/>
   </p>
   <p>
    <!-- The appearance editor is like a traditional drawing program, but there are a few special symbols for indicating how the drawing works when placed into a circuit's layout. These special symbols cannot be removed. -->
    外观编辑器类似于传统的绘图程序，但有一些特殊符号用于指示绘图在放入电路布局中时如何工作。 这些特殊符号无法删除。
   </p>
   <ul>
    <li>
     <p>
      <!-- The green circle with a line coming out of it, which we'll call the <b>anchor.</b> (<img class="icontxt" src="../../../../img-guide/anchor.png" alt="#########">) There is exactly one anchor in each subcircuit appearance. Each component in a circuit has a single point identifying its location; a user sees this when creating a new component: The mouse click identifies just a single location, and the component is placed relative to that (usually with the primary output at the mouse's location) The anchor identifies the mouse's location relative to the overall drawing when the subcircuit is created. -->
      带有一条线的绿色圆圈，我们将其称为
      <b>
       锚点。
      </b>
      (
      <img alt="########" class="icontxt" src="../../../../img -guide/anchor.png"/>
      ) 每个子电路外观中只有一个锚点。 电路中的每个组件都有一个单点来标识其位置； 用户在创建新组件时会看到这一点：鼠标单击仅标识一个位置，并且组件相对于该位置放置（通常主输出位于鼠标位置）锚点标识鼠标相对于整个绘图的位置 子电路已创建。
     </p>
     <p>
      <!-- The <b>anchor</b> also identifies the appearance's facing, as indicated by the direction the anchor's line points from its circle. When placing the subcircuit into a layout, the user can change the subcircuit's facing; the anchor's facing indicates in which direction the appearance is  oriented. In our example, the anchor is facing east, and each instance of the subcircuit in the <b class=reffig>Mux_4to1</b> is also facing east, so they are all drawn in the same orientation as the <b class=reffig>Mux_2to1</b> appearance. -->
      <b>
       锚点
      </b>
      还标识外观的朝向，如锚点线从其圆所指向的方向所示。 将子电路放入布局时，用户可以更改子电路的朝向； 锚点的朝向指示外观的朝向。 在我们的示例中，锚点面向东，
      <b class="refig">
       Mux_4to1
      </b>
      中的子电路的每个实例也面向东，因此它们都以与
      <b class="refig" 相同的方向绘制="">
       Mux_2to1
      </b>
      外观。
     </p>
    </li>
    <li>
     <p>
      <!-- The blue circles (<img class="icontxt" src="../../../../img-guide/pinoutput.png" alt="#########">) and squares with dots (<img class="icontxt" src="../../../../img-guide/pininput.png" alt="#########">) in them are the subcircuit's <q>ports.</q> There are exactly as many ports as there are input and output pins in the circuit. Ports corresponding to inputs are drawn as squares, while ports corresponding to outputs are drawn as circles. Each port indicates how a wire connecting into the circuit will correspond to an input or output pin within the layout. -->
      蓝色圆圈 (
      <img alt="##########" class="icontxt" src="../../../../img-guide/pinoutput.png"/>
      ) 和 带点的正方形 (
      <img alt="##########" class="icontxt" src="../../../../img-guide/pininput.png"/>
      ) 它们是子电路的
      <q>
       端口。
      </q>
      端口的数量与电路中输入和输出引脚的数量完全相同。 与输入对应的端口被绘制为正方形，而与输出对应的端口被绘制为圆形。 每个端口指示连接到电路中的电线如何对应于布局中的输入或输出引脚。
     </p>
    </li>
   </ul>
   <p>
    <!-- When you select a port, Logisim will indicate the corresponding pin by popping up a miniature diagram of the layout in the window's bottom right corner, with the corresponding pin(s) drawn in blue. This does not happen when all ports are selected. -->
    当您选择端口时，Logisim-evolution 将通过在窗口右下角弹出布局微型图来指示相应的引脚，相应的引脚以蓝色绘制。 当选择所有端口时，不会发生这种情况。
   </p>
   <p align="center">
    <img alt="#########" src="../../../img-guide/subcirc-7-custom-layout.png"/>
   </p>
   <p>
    <!-- We can change the zoom of the image with a  <b class="tkeybd">Ctrl+Mouse Wheel</b> or by using the magnifying glass buttons or the slider at the bottom left of the workspace. The rate is displayed. -->
    我们可以使用
    <b class="tkeybd">
     Ctrl+鼠标滚轮
    </b>
    或使用工作区左下角的放大镜按钮或滑块来更改图像的缩放比例。 显示费率。
   </p>
   <p>
    <!-- The toolbar contains tools for adding additional shapes, as shown below. Some keys (<b class="tkeybd">Ctrl,Alt,Shift</b>) have an effect on the way shapes are drawn. These keys can be combined with each other.  -->
    工具栏包含用于添加其他形状的工具，如下所示。 某些键（
    <b class="tkeybd">
     Ctrl、Alt、Shift
    </b>
    ）会影响形状的绘制方式。 这些键可以相互组合。
   </p>
   <blockquote>
    <!-- <b class="tkeybd">Ctrl</b>: Aligns the end points on the grid.<br> -->
    <b class="tkeybd">
     Ctrl
    </b>
    ：对齐网格上的端点。
    <br/>
    <!-- <b class="tkeybd">Shift</b>: Orient the lines at an angle multiple of 45° or make the figures symmetrical (Square, Rounded Square, Circle).<br> -->
    <b class="tkeybd">
     Shift
    </b>
    ：将线条定向为 45° 的角度倍数或使图形对称（正方形、圆角正方形、圆形）。
    <br/>
    <!-- <b class="tkeybd">Alt</b>: Draws the figures from their centre.  -->
    <b class="tkeybd">
     Alt
    </b>
    ：从中心绘制图形。
   </blockquote>
   <p>
    <!-- Below is a small presentation of each tool -->
    下面是每个工具的简短介绍
   </p>
   <table class="toolslist">
    <tbody>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/toolselect.png"/>
      </td>
      <td>
       <!-- <strong>Selection Tool :</strong> Select, move, copy, paste the symbols. -->
       <strong>
        选择工具：
       </strong>
       选择、移动、复制、粘贴符号。
      </td>
     </tr>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/tooltext.png"/>
      </td>
      <td>
       <!-- <strong>Text Tool :</strong> Add, insert or edit a text. -->
       <strong>
        文本工具：
       </strong>
       添加、插入或编辑文本。
      </td>
     </tr>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/tooldrawline.png"/>
      </td>
      <td>
       <!-- <strong>Line Tool :</strong> Creates a line segment. -->
       <strong>
        直线工具：
       </strong>
       创建一条线段。
      </td>
     </tr>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/tooldrawcurv.png"/>
      </td>
      <td>
       <!-- <strong>Curve tool:</strong> Create a quadratic Bezier curve. The first <b class="tkeybd">click</b> and drag specifies the beginning of the line, the second <b class="tkeybd">click</b> and drag ends the line and sets the curvature. A <b class="tkeybd">click</b> on the line shows you the three control points. <b class="tkeybd">Shift</b> and click on central control point impose a symmetrical curve. <b class="tkeybd">Alt</b> and click on center point draws the curve through the control point (under the mouse). -->
       <strong>
        曲线工具
       </strong>
       ：创建二次贝塞尔曲线。 第一次
       <b class="tkeybd">
        单击
       </b>
       并拖动指定线条的起点，第二次
       <b class="tkeybd">
        单击
       </b>
       并拖动结束线条并设置曲率。 在线上
       <b class="tkeybd">
        单击
       </b>
       会显示三个控制点。
       <b class="tkeybd">
        Shift
       </b>
       并单击中心控制点施加对称曲线。
       <b class="tkeybd">
        Alt
       </b>
       并单击中心点可通过控制点（在鼠标下方）绘制曲线。
      </td>
     </tr>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/tooldrawplin.png"/>
      </td>
      <td>
       <!-- <strong>Polylines tool</strong> Creates a sequence of connected lines, each <b class="tkeybd">click</b> starts a new line. A <b class=              tkeybd>double-click</b> ends the sequence. -->
       <strong>
        折线工具
       </strong>
       创建一系列连接线，每次
       <b class="tkeybd">
        单击
       </b>
       都会开始一条新线。
       <b class="tkeybd">
        双击
       </b>
       结束序列。
      </td>
     </tr>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/tooldrawrect.png"/>
      </td>
      <td>
       <!-- <strong>Rectangle tool</strong> Create a rectangle or a square with rounded edges ( <b class="tkeybd">Shift</b> ) through dragging from one corner to the opposite corner. -->
       <strong>
        矩形工具
       </strong>
       通过从一个角拖动到对角来创建一个具有圆角边缘的矩形或正方形（
       <b class="tkeybd">
        Shift
       </b>
       ）。
      </td>
     </tr>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/tooldrawrrct.png"/>
      </td>
      <td>
       <!-- <strong>Rectangle tool</strong> Create a rectangle or a square ( <b class="tkeybd">Shift</b> ) through dragging from one corner to the opposite corner. -->
       <strong>
        矩形工具
       </strong>
       通过从一个角拖动到对角来创建一个矩形或正方形（
       <b class="tkeybd">
        Shift
       </b>
       ）。
      </td>
     </tr>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/tooldrawoval.png"/>
      </td>
      <td>
       <!-- <strong>Oval tool</strong> Creates an oval or circle ( <b class="tkeybd">Shift</b> ) through dragging from one corner of its bounding box to the opposite corner. -->
       <strong>
        椭圆工具
       </strong>
       通过从边界框的一个角拖动到对角来创建椭圆或圆形 (
       <b class="tkeybd">
        Shift
       </b>
       )。
      </td>
     </tr>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/tooldrawpoly.png"/>
      </td>
      <td>
       <!-- <strong>Polygon tool</strong> Create an arbitrary polygon, each <b class="tkeybd">click</b> starts a new face. A <b class="tkeybd">double-click</b> or <b class="tkeybd">Enter</b> key or <b class="tkeybd">click</b> the starting vertex to complete the shape. -->
       <strong>
        多边形工具
       </strong>
       创建任意多边形，每次
       <b class="tkeybd">
        单击
       </b>
       都会启动一个新面。
       <b class="tkeybd">
        双击
       </b>
       或
       <b class="tkeybd">
        Enter
       </b>
       键或
       <b class="tkeybd">
        单击
       </b>
       起始顶点即可完成 形状。
      </td>
     </tr>
     <tr>
      <td class="toolslist" valign="top">
       <img alt="#########" border="1" class="inbullet" src="../../../../img-guide/tooldrawdyncomp.png"/>
      </td>
      <td>
       <!-- <strong>Dynamic components</strong> Place a dynamic component <b class="tkeybd">click</b> Opens a window for the selection of components in the sub-circuits. -->
       <strong>
        动态元件
       </strong>
       放置动态元件
       <b class="tkeybd">
        单击
       </b>
       打开一个窗口，用于选择子电路中的元件。
      </td>
     </tr>
    </tbody>
   </table>
   <p>
    <!-- <b>Next:</b> <a href="sub-debug.html">Debugging a subcircuit</a>. -->
    <b>
     下一节:
    </b>
    <a href="sub-debug.html">
     调试子电路
    </a>
    .
   </p>
   <p>
   </p>
   <p>
   </p>
   <p>
   </p>
  </div>
 </body>
</html>
